@charset "utf-8";
body{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
    background: url(../images/bg.gif);
    font-size: 12px;
}
.style1 {
    color: #990000;
}
.top_bg{
    background:url(../images/z2.gif) repeat-x;
    width:106%;
    position:absolute;
    top:0;
    left:-6%;
    height:50%;
    z-index:-999;
}
.wrap {
    width: 100%;
}
.center {
    width: 76%;
    margin:0 auto;
    behavior: url(./scripts/PIE.htc);
}
.header{
    width:100%;
    margin-top:10px;
}
.left{
    width:10%;
}
.right{
    width:60%;
    position:absolute;
    top:10px;
    right:12%;
    float: right;
}
.login{
    width:50%;
    float: right;
}
.username {
    color:#fff;
    border: 0;
    background:#397c96 url(../images/login_form.gif) repeat-x;
    padding:4px 10px 4px;
    font-size:11px;
    width:35%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    outline: none;
}
.password {
    color:#fff;
    border: 0;
    background:#397c96 url(../images/login_form.gif) repeat-x;
    padding:4px 10px 4px;
    font-size:11px;
    width:35%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    outline: none;
}
.submit{
    color:#fff;
    border: 0;
    background:#999 url(../images/submit.gif) repeat-x;
    padding:4px;
    font-size:11px;
    width:20%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    cursor: pointer;
}
.remember{
    float:left;
    margin:0;
    font-size:12px;
    width: 100%;
    padding-top: 5px;
    padding-bottom:8px;
}
.remember input{
    float:right;
    margin:0px 0px 0px 5px;
}
.welcome{
    line-height:36px;
    font-size:16px;
    font-weight:bold;
}
.logout{
    float:right;
    margin:10px 5px 0;
    opacity:0.5;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    font-weight:normal;
}
.logout:hover{
    opacity:1;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    font-weight:normal;
}
.navigation{
    float:right;
    right: 0%;
    position:relative;
    top:-10px;

}
.navigation ul li span{
    color:#333333;
    behavior: url(./scripts/PIE.htc);
    cursor:pointer;
    font-weight:bold;
    border-bottom:solid #CC0000 3px;
}
.navigation ul li{
    list-style:none;
    color: #FFFFFF;
    font-size:12px;
    position: relative;
    float: left;
    padding:3px 5px 3px 5px;
    border-right:1px red solid;
}
.navigation ul li.last{
    border-right:none;
}
.navigation ul li:hover a{
    color: #990000;
}
.navigation ul li:hover{
    background: url(../images/bg.gif);
}
.navigation ul li.sub:hover a{
    color: #990000;
    border-bottom:none;
}
.navigation ul li.sub:hover{
    background: url(../images/bg.gif);
    -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow:1px 3px 5px rgba(0, 0, 0, 0.3);
}
.navigation ul li a{
    text-decoration:none;
    color: #333333;
    behavior: url(./scripts/PIE.htc);

}
.navigation ul li ul{
    padding:0;
    border:none;
}
.navigation ul li ul li{	
    display:none;
}
.navigation ul li:hover ul li{	
    display:block;
    float:none;
    background:none;
    z-index:1000;
    line-height:30px;
    font-size:11px;
    text-align:left;
    padding-left:10px;
    position:relative;
    color:#FFFFFF;
    border:none;
}
.navigation ul li.sub:hover ul li a{
    background:none;
    color:#003333;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    font-weight:normal;
}
.navigation ul li.sub ul li a:hover{
    border-left:solid 3px  #003366;
    color:red;
    padding-left:5px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    font-weight:normal;
}
.navigation ul li:hover{
    z-index:1004;
    behavior: url(./scripts/PIE.htc);
    position:relative;
}
.slider-wrapper {
    width: 100%;
    margin: 0 auto;
    z-index: -1000;
    position: relative;
}
.bigImg{
    padding-top:15px;
    width:100%;
    position:relative;
    z-index:999;
}
.drop-shadow {
    position:relative;
    width:100%;
}
.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-1;
    bottom:20px;
    left:15px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 20px 15px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 20px 15px rgba(0, 0, 0, 0.7);
    box-shadow:0 20px 15px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
}
.drop-shadow:after{
    right:15px;
    left:auto;
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    -o-transform:rotate(5deg);
    transform:rotate(5deg);
}
.content{
    background:url(../images/bg.gif);
    width:100%;
    margin-bottom:3%;
    margin-top:3%;
}

.wrap-content {
    -webkit-box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    background:white;
    width:96%;
    margin-top:2%;
    margin-bottom:3%;
    padding:2%;
    min-height: 55%;
}

#tracking-left{
    background:white;
    float:left;
    width:59%;
    margin-right:2%;
    padding-right:2%;
    border-right:1px #CC3300 solid;
}
.tracking-ship-wrapper{
    width:100%;
    padding:0;
    padding-bottom:2%;
    padding-top:15px;
    height: 105px;
    border-bottom:1px dotted #666666;
}
.tracking-thumb{
    background: #CCFFCC;
    margin-right:2%;
    width:100px;
    position: relative;
    float: left;
}
.tracking-detail{
    float:left;
    width:30%;
    font-size:12px;
    color:#333333;
    line-height:90%;
    position: relative;
}
h1 {
    font-size:16px;
    line-height:50%;
    font-weight:bold;
}
.tracking-button{
    position:relative;
    float:right;
    width:20%;
}
.tracking-button .button{
    color:#fff;
    border: 0;
    background:#6db4b4;
    padding:6px 4px 6px;
    font-size:12px;
    width:100%;
    margin-top:12px;
    cursor: pointer;
    -webkit-box-shadow:-3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:-3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow:-3px 5px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 0;
}
.paging{
    margin-top:2%;
    left:2%;
    color:#FFFFFF;
    font-size:12px;
    z-index:1001;
}
.paging .active{
    background: #ba6d4a;
    border-radius:50%;
    padding:2px 6px;
}
.paging a{
    background: #f8c4ae;
    border-radius:50%;
    padding:2px 6px;
    text-decoration:none;
    color:#FFFFFF;
}
.tracking-right{
    width:32.5%;
    background: #e4f1eb;
    float:right;
    padding:1% 2%;
}
.tracking-right .refine {
    border: 0;
    padding:4px 10px 4px;
    font-size:11px;
    width:65%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    outline: none;
    margin-top:-3px;
}

.tracking-right select {
    width: 65%;
}

div.selectbox-wrapper {
    position:absolute;
    width:100%;
    float:right;
    background-color:rgba(255,255,255,0.8);
    border:1px solid #fff;
    margin:0px;
    margin-top:21px;
    padding:0px;
    text-align:left;
    overflow:auto; 
    font-size:11px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    -webkit-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:1px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow:1px 3px 5px rgba(0, 0, 0, 0.3);
}
.reselect{
    width:70%;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
    background-color: none;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
    background-color: #d0e6d9;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding: 4px 10px 4px;
    cursor:pointer;
}
.selectbox {
    padding: 4px 10px 4px;
    margin-top:-3px;
    font-size: 11px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    width: 100%;
    color:#666;
    float:right;
    background: url(../images/list.png) no-repeat right #d0e6d9;
    cursor:pointer;
    border:0;
}
.tracking-right label {
    display: inline-block;
    width: 30%;
    font-size:12px;
}
.tracking-right .elements {
    padding-top:20px;
}
.tracking-right .button{
    color:#fff;
    border: 0;
    background:#c4685c;
    padding:6px 4px 6px;
    font-size:12px;
    width:30%;
    float:right;
    cursor: pointer;
    -webkit-box-shadow:-3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:-3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow:-3px 5px 3px rgba(0, 0, 0, 0.2);
}
/* Detail */
#detail-content{
    -webkit-box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    background:white;
    width:96%;
    margin-top:2%;
    margin-bottom:3%;
    padding:2%;
}

#detail-content .cleft{
    width:48%;
    font-size:12px;
    padding-right:2%;
    border-right:1px dotted #666;
    float:left;
}
#detail-content .cleft label, #detail-content .cright label {
    width: 40%;
    float: left;
    line-height:30px;
}
#detail-content .fill {
    width: 60%;
    float: left;
    line-height:30px;
}
#detail-content .c3 label {
    width: 55%;
    float: left;
    line-height:30px;
}
#detail-content .c3 .fill {
    width: 45%;
    float: left;
    line-height:30px;
}
#detail-content .cright{
    width:48%;
    font-size:12px;
    line-height:24px;
    float:right;
}
#detail-content .word-file{
    text-indent: 40px;
    background: url(../images/word.png) no-repeat left;
    line-height:30px;
}
#detail-content .pdf-file{
    text-indent: 40px;
    background: url(../images/pdf.png) no-repeat left;
    line-height:30px;
}
#detail-content .excel-file{
    text-indent: 40px;
    background: url(../images/excel.png) no-repeat left;
    line-height:30px;
}
/* Table style */
/*td, th{
    text-align:center; 
    vertical-align:middle;
}
th{
    border:1px dotted #ffffff;
    background:#bedeca;
    font-size:14px;
    line-height:20px;
    font-weight:normal;
}
td{
    border:1px dotted #b4c2c0;
    background:#ecfffd;
    font-size:11px;
    line-height:20px;
}
th:first-child {
    -moz-border-radius: 15px 0 0 0;
    -webkit-border-radius: 15px 0 0 0;
    border-radius: 15px 0 0 0;
}

th:last-child {
    -moz-border-radius: 0 15px 0 0;
    -webkit-border-radius: 0 15px 0 0;
    border-radius: 0 15px 0 0;
}

th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
table.item td{
    border-bottom:0;
    border-top:0;
    line-height:36px;
}
table.end td{
    line-height:36px;
}*/
/*table2*/
.c4 td.more{
    text-indent:20px;
    text-align:left;
    border-bottom:1px dotted #b4c2c0;
    border-top:1px dotted #b4c2c0;
}
.date{
    width:12%;
    border-bottom:0;
    border-top:0;
}
.c4 td.item{
    border-bottom:0;
    border-top:0;
    line-height:36px;
}
.c4 th{
    line-height:36px;
}
/* Footer */
#footer-content-wrapper {
    background:url(../images/bgft.gif) repeat;
    -webkit-box-shadow:0px -10px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px -10px 20px rgba(0, 0, 0, 0.2);
    box-shadow:0px -10px 20px rgba(0, 0, 0, 0.2);
}
#footer{
    overflow: hidden;
    width: 76%;
    margin: 0px auto;
    padding: 20px 0px;
    color: #FFFFFF;
}
#footer h2 {
    margin: 20px 0;
    font-size: 24px;
    color: #666666;
    padding:0;
}
#fbox1 {
    line-height:0px;
    float: left;
    width: 50%;
}
#footer ul li{
    line-height:18px;
    display:inline;
    text-transform:uppercase;
    font-size:14px;
}
#footer ul li a{
    text-decoration:none;
    color:#FFFFFF;
}
#footer ul{
    padding:0;
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
#fright {
    float: right;
    text-align:right;
    width: 50%;
    padding-top: 20px;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    color:#CCCCCC;
}

.nivoSlider img {
    height: 411px !important;
    display:none;
}

#home-map-canvas {
    width: 100%;
    height: 700px;
}

#input-content{
    -webkit-box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    box-shadow:-5px 7px 15px rgba(0, 0, 0, 0.4);
    background:white;
    width:96%;
    margin-top:2%;
    margin-bottom:3%;
    padding:2%;
}

.timeline th {
    border: 1px dotted #ffffff;
    background: #bedeca;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
}

.sub-update-menu, .sub-detail-menu {
    position: absolute;   
    webkit-box-shadow: -3px 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -3px 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 5px 3px rgba(0, 0, 0, 0.2);    
    border: thin solid #CCC;
    z-index: 999;
    background: #d6eaea;
    width: 99%;
    border-top: none;
    display: none;
}

.sub-update-menu div, .sub-detail-menu div {
    padding: 7px 0px;
    text-indent: 3%;
}

.sub-update-menu a, .sub-detail-menu a {
    color: #333333;
}

.sub-update-menu a:hover, .sub-detail-menu a:hover {
    text-decoration: underline;
}

a {
    text-decoration: none;
}